body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
legend,
button form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
padding: 0;
margin: 0;
}
q:before,
q:after {
content: '';
}
fieldset,
img,
abbr,
acronym {
border: 0 none;
}
abbr,
acronym {
font-variant: normal;
}
legend {
color: #000;
}
sup {
vertical-align: text-top;
}
sub {
vertical-align: text-bottom;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption,
th {
text-align: left;
}
input,
img,
select {
vertical-align: middle;
}
ol,
ul {
list-style: none;
}
input,
button,
textarea,
select,
optgroup,
option {
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
}
del,
ins,
a {
text-decoration: none;
cursor: pointer;
}
input[type="submit"] {
cursor: pointer;
}
button {
cursor: pointer;
}
input::-moz-focus-inner {
border: 0;
padding: 0;
}
body {
background: #fff;
color: #353535;
position: relative;
font-size: 14px;
font-family: "Microsoft YaHei";
width: 100%;
margin: 0 auto;
/* max-width: 1920px; */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
html {
scroll-behavior: smooth;
}
.ft-16 {
font-size: 16px;
}
.ft-18 {
font-size: 18px;
}
.ft-20 {
font-size: 20px;
}
.ft-22 {
font-size: 22px;
}
.ft-24 {
font-size: 24px;
}
.ft-26 {
font-size: 26px;
}
.ft-28 {
font-size: 28px;
}
.ft-30 {
font-size: 30px;
}
.ft-32 {
font-size: 32px;
}
.ft-34 {
font-size: 34px;
}
.ft-36 {
font-size: 36px;
}
.ft-38 {
font-size: 38px;
}
.p-b-0 {
padding-bottom: 0;
}
.p-b-10 {
padding-bottom: 10px;
}
.p-b-20 {
padding-bottom: 20px;
}
.p-b-30 {
padding-bottom: 30px;
}
.p-b-40 {
padding-bottom: 40px;
}
.p-b-50 {
padding-bottom: 50px;
}
.p-b-60 {
padding-bottom: 60px;
}
.p-b-70 {
padding-bottom: 70px;
}
.p-b-80 {
padding-bottom: 80px;
}
.p-b-0 {
padding-bottom: 0;
}
.p-t-70 {
padding-top: 70px;
}
.p-t-0 {
padding-top: 0;
}
.p-t-10 {
padding-top: 10px;
}
.p-t-20 {
padding-top: 20px;
}
.p-t-30 {
padding-top: 30px;
}
.p-t-40 {
padding-top: 40px;
}
.p-t-50 {
padding-top: 50px;
}
.p-t-60 {
padding-top: 60px;
}
.p-t-70 {
padding-top: 70px;
}
.p-t-80 {
padding-top: 80px;
}
.m-b-0 {
margin-bottom: 0;
}
.m-b-10 {
margin-bottom: 10px;
}
.m-b-20 {
margin-bottom: 20px;
}
.m-b-30 {
margin-bottom: 30px;
}
.m-b-40 {
margin-bottom: 40px;
}
.m-b-50 {
margin-bottom: 50px;
}
.m-b-60 {
margin-bottom: 60px;
}
.m-b-70 {
margin-bottom: 70px;
}
.m-b-80 {
margin-bottom: 80px;
}
.m-b-120 {
margin-bottom: 120px;
}
.m-t-0 {
margin-top: 0;
}
.m-t-10 {
margin-top: 10px;
}
.m-t-20 {
margin-top: 20px;
}
.m-t-30 {
margin-top: 30px;
}
.m-t-40 {
margin-top: 40px;
}
.m-t-50 {
margin-top: 50px;
}
.m-t-60 {
margin-top: 60px;
}
.m-t-70 {
margin-top: 70px;
}
.m-t-80 {
margin-top: 80px;
}
.m-t-100 {
margin-top: 100px;
}
.m-r-0 {
margin-right: 0;
}
.m-r-10 {
margin-right: 10px;
}
.m-r-20 {
margin-right: 20px;
}
.m-r-30 {
margin-right: 30px;
}
.m-r-40 {
margin-right: 40px;
}
.m-r-50 {
margin-right: 50px;
}
.m-r-60 {
margin-right: 60px;
}
.m-r-70 {
margin-right: 70px;
}
.m-r-80 {
margin-right: 80px;
}
.m-l-0 {
margin-left: 0;
}
.m-l-10 {
margin-left: 10px;
}
.m-l-20 {
margin-left: 20px;
}
.m-l-30 {
margin-left: 30px;
}
.m-l-40 {
margin-left: 40px;
}
.m-l-50 {
margin-left: 50px;
}
.m-l-60 {
margin-left: 60px;
}
.m-l-70 {
margin-left: 70px;
}
.m-l-80 {
margin-left: 80px;
}
.p-b-65 {
padding-bottom: 65px;
}
.p-b-35 {
padding-bottom: 35px;
}
.p-r-10 {
padding-right: 10px;
}
.ft-weight {
font-weight: bold;
}
.height-100 {
height: 100%;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-left {
text-align: left;
}
.line1 {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
}
.line2 {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-break: break-all;
}
.line3 {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
word-break: break-all;
}
.line4 {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
word-break: break-all;
}
.line5 {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
word-break: break-all;
}
.color-fff {
color: #fff !important;
}
.color-333 {
color: #333 !important;
}
.color-666 {
color: #666 !important;
}
.color-999 {
color: #999 !important;
}
.swiper-container {
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
}
.swiper-slide {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.flex {
display: flex;
}